<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>订单确认</title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/common.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/dingdanxinxi.css"/>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/utils.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!--head -->
		<div class="scWeb">
			<header class="backHeader">
				<div class="cephalo">
					<span class="img_jiantou"><img src="img/favoriteimg/images/jiantou_03.jpg"/></span>
					<span class="fav_name">订单确认</span>
				</div>
			</header>
		    <!-- 内容 -->
		    <div class="cont">
		    	<div class="contone">
		    		<ul class="contone_top">
		    			<li>赵日天</li>
		    			<li>150****0000</li>
		    			<li>默认</li>
		    		</ul>
		    		<div class="contone_bottom">
		    			<div class="contone_bottom_font">
		    				<p>收货地址:</p>
		    				<span>假字假字假字假字假字假字假假字假字假字假字假字假字</span>
		    			</div>
		    			<div class="contone_bottom_pic">
		    				<img src="img/favoriteimg/jiantou_tubiao.png"/>
		    			</div>
		    		</div>
		    	</div>
		    	<ul class="cont_1">
		    		<li>发票：</li>
		    		<li>123123123123123</li>
		    		<li><img src="img/favoriteimg/jiantou_tubiao.png"/></li>
		    	</ul>
		    <div class="shop">
		    	<div class="cont_2"><img src="img/dingdanxinxi/d_1.jpg"/></div>
		    	<div class="cont_3">
		    		<p>im五斗柜</p>
		    		<p>红色</p>
		    		<p>100*100</p>
		    		<span>配送方式：上门配送</span>
		    		<div class="cont_3_1">
		    			<p>￥3234.6</p>
		    			<div class="clear_f"></div>
		    			<p>X1</p>
		    		</div>
		    		<div class="clear_f"></div>
		    	</div>
		    </div>
		    <div class="cont_two_1">
		    	<p>商品合计：</p>
		    	<p>运费：<span></span></p>
		    </div>
		    <div class="cont_two_2">
		    	<div class="cont_two_2_1">
		    		<div class="cont_two_2_1_one">
		    			<ul>
		    				<li class="fullM"><p>全款：￥8888</p></li>
		    				<li class="partM"><p>首款：￥2342 </p></li>
		    				<li class="partM"><p>尾款：￥213</p></li>
		    			</ul>
		    		</div>
		    		<div class="cont_two_2_1_two">
		    			<div class="cont_two_2_1_two_1">
		    				<a href="Payment.html"><button class="t1">提交订单</button></a>
		    				<p>共3件 ¥23421</p>
		    			</div>
		    			<div class="cont_two_2_1_two_2">
		    				<button class="t1">
		    					<p>其他支付方式</p>
		    				</button>
		    				<div class="t2">
		    					<img src="img/dingdanxinxi/d_2.png"/>
		    				</div>
		    			</div>
		    			<div class="cont_two_2_1_two_3">
		    				<button class="t3"><p>全额支付</p></button>
		    				<br />
		    				<button class="t3"><p>首款支付</p></button>
		    			</div>
		    		</div>
		    	</div>
		    </div>
		   </div>
		    <!-- 尾部 -->   
		    <!--尾部-->
			<footer class="indexFooter">
				<ul>
					<li>
						<img src="img/index/home_icon.png"/>
					</li>
					<li>
						<img src="img/index/id_icon.png"/>
					</li>
					<li>
						<img src="img/index/buy_icon.png"/>
					</li>
					<li>
						<img src="img/index/service_icon.png"/>
					</li>
				</ul>
			</footer>
		</div>

		<script type="text/javascript">
			var ang = 180;
			$(".cont_two_2_1_two_2 button").on("click",function(){
				ang+=180;
				console.log($(this).siblings(".t2"));
				$(this).siblings(".t2").css("transform","rotate("+ang+"deg)");
				$(".cont_two_2_1_two_3").slideToggle();
			})
			$(".cont_two_2_1_two_3 .t3").on("click",function(){
				if($(this).index()==0){
					$(".cont_two_2_1_one .fullM").fadeIn(300);
					$(".cont_two_2_1_one .partM").css("display","none");
				}else{
					$(".cont_two_2_1_one .fullM").css("display","none");
					$(".cont_two_2_1_one .partM").fadeIn(300);
				}
				$(".cont_two_2_1_two_1 button").text("立即支付");
			})
			
		</script>
	</body>
</html>
